<template>
  <!-- .vue文件是一个单页面组件，SFC(Sigle File Component) -->
  <!-- 每个vue文件由3template，style,script三部分组成，其中script是必不可少的 -->
  <!-- templete内部放置组件的模板(标签) -->
  <!-- templete只能有一个根元素 -->
  <!-- // script内部写js代码,内部的每个组件必须用export default导出 -->
  <!-- // 每个组件都可以使用之前所有的选项 -->
  <!-- style上可以写lang属性,即索用语言,css,scss,less -->
  <!-- 还可以写scoped属性，意味着当前样式只作用于当前组件的标签，不会影响其他组件 -->

  <div id="app">
      <ib></ib>
      <ic></ic>
      <id></id>
  </div>
</template>
<script>
//进行注册
  // import Header from './components/Header.vue'
  // import Left from './components/Left.vue'
  // import Right from './components/Right.vue'

export default {
  name: 'App',
  //data后面有两种写法：可以跟函数和对象,组建的data选项必须是函数形式。用return返回要定义的响应式数据
  data:function(){
    return {}
  },
  components:{
    //  'ib':Header,
    //  'ic':Left,
    //  'id':Right
  }
}
</script>
<style>
*{
    padding: 0;
    margin: 0;
   }
#app {
   height: 504px;
   width: 320px;
   /* background-color: aqua; */
   margin: 60px auto;
   box-sizing: border-box;
   box-shadow: 0px 0px 7px;
}
</style>
